<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<!--引用其他  html 页面-->

<div th:insert="~{gongxiang :: dneglu}"></div>
<div th:insert="~{hello :: shouye}"></div>

<!--<div th:replace="~{gongxiang :: dneglu}"></div>-->
<!--<div th:replace="~{hello :: shouye}"></div>-->

我是表格<br>
<table>
    <thead>
        <tr>
            <th scope="col">id</th>
            <th scope="col">用户名</th>
            <th scope="col">密码</th>
            <th scope="col">年龄</th>
            <th scope="col">角色</th>
            <th scope="col">邮箱</th>
        </tr>
    </thead>
    <tbody>
    <!--stats
    状态信息
        ● index:当前遍历元素的索引，从0开始
        ● count: 当前遍历元素的索引，从1开始
        ● size: 需要遍历元索的总数量
        ● current: 当前正在遍历的元素对象
        ● even/odd: 否偶数/奇数行
        ● first:是否第一个元素
        ● last:是否最后一个元素
        -->
        <tr class="bg" th:each="loginUser,stats:${loginUsers}" >
            <br>
            <td scope="row" th:text="${stats.count}"></td>
            <td>[[${loginUser.getUsername()}]]</td>
            <td>[(${loginUser.getPassword()})]</td>
            <!--三元运算符判断-->
            <td th:text="|${loginUser.getAge()} / ${loginUser.getAge()>=18?'成年':'未成年'}|"></td>
            <td th:switch="${loginUser.role}">
                <button th:case="'gly'">管理员</button>
                <button th:case="'rs'">人事</button>
                <button th:case="'jl'">经理</button>
                <button th:case="'nm'">牛马</button>
                <button th:case="'bj'">保洁</button>
            </td>
            <td th:if="${#strings.isEmpty(loginUser.email)}" th:text="'没有邮箱'"></td>
            <td th:if="${not #strings.isEmpty(loginUser.email)}" th:text="${loginUser.email}"></td>
        </tr>
</table>
<div th:if="${session.loginUser} != null" th:object="${session.loginUser}" >
    <h1 th:text="|用户名: *{username}|"></h1>
    <h1 th:text="|密  码： *{password}|"></h1>
</div>
</tbody>
</body>
</html>